<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>注册</title>
</head>
<body>
    <header class="headertop">
        <div class="time">12:00</div>
        <div class="iconfont1">
            <i class="iconfont icon-shoujixinhao"></i>
            <i class="iconfont icon-wuxianwang"></i>
            <i class="iconfont icon-dianchi"></i>
        </div>
    </header>
     <!-- 登录页背景 -->
     <main class="enter-page conceal">
        <!-- 登录页大盒子 -->
        <main class="ring-up-box">
            <span class="account">密码登录</span>
            <div class="mississippi" style="padding-bottom: 12px;">手机号登录/注册</div>
            <span style="color: aliceblue;">快速找到好友, 一站式记录你的运动</span>
            <div style="height: 40px;"></div>
            <input type="tel" placeholder="请输入手机号码" class="inp inphaoma">
            <div style="height: 19px;"></div>
            <input type="text" placeholder="请输入验证码" style="width: 156px;" class="inp">
            <!-- 验证码 -->
            <span class="authcode"><canvas style="width: 100%;height: 100%;border-radius: 12px;" class="canvass"></canvas></span>
            <div style="height: 19px;"></div>
            <input type="password" placeholder="请输入密码" class="inp inppass">
            <div style="height: 19px;"></div>
            <input type="password" placeholder="请再次输入密码" class="inp">
            <div style="height: 19px;"></div>
            <input type="button" value="注册账号" id="registreAn">
            <div style="height: 29px;"></div>
            <span class="forgetPass">&emsp;&emsp;&emsp;&emsp;</span> <i class="iconfont icon-weixin2"></i><span class="wechat">微信登录</span>
            <div class="logo">- HOLD ON -</div>
        </main>
    </main>
    <script src="https://cdn.bootcdn.net/ajax/libs/axios/0.21.1/axios.min.js"></script>
</body>
</html>